<page-header [title]="'代扣信息q'">
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card  nzTitle="基本信息">
  <form nz-form>
    <!-- <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select style="" [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item> -->
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>还款计划ID</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut01" readonly name="fxjOut01">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut02" readonly name="fxjOut02">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut03" readonly name="fxjOut03">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>还款方式</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut04" readonly name="fxjOut04">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut05" readonly name="fxjOut05">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut06" readonly name="fxjOut06">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>还款金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut07" readonly name="fxjOut07">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut08" readonly name="fxjOut08">
      </nz-form-control>

    </nz-form-item>
  </form>

</nz-card>

    <!-- <nz-card nzTitle="文件信息">

      <form nz-form>
        <div class="clearfix">

          <nz-upload
            [nzMultiple]="true"
            [nzAction]="uploadUrl"
            [nzData]="avatarParam"
            nzListType="picture-card"
            [(nzFileList)]="fileList"
            [nzShowButton]="fileList.length < 30"
            [nzPreview]="handlePreview">

            <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
            <div style="margin-top: 0px; color: #666;">  </div>
          </nz-upload>
          <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
            <ng-template #modalContent>
              <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
            </ng-template>
          </nz-modal>
        </div>

      </form>
    </nz-card> -->
</nz-spin>

<!-- <footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar> -->
